<template>
	<view class="pagebody">
		<view class="topbox borderbox">
			<TopSearch></TopSearch>
			<view class="contentbox pos-abs">
				<image src="@/static/images/knowledge/mesboard/textimg.png" mode="" style="width: 250rpx;height: 152rpx;position: absolute;left: 27rpx;top: 12rpx;"></image>
				<image src="@/static/images/knowledge/mesboard/lou.png" mode="" style="width: 336rpx;height: 301rpx;position: absolute;right: 0;bottom: -45rpx;"></image>
			</view>
		</view>
		<lyb :title="'留言板'"></lyb>
		<view class="remindbox">
			<view class="align-center" style="border-bottom: 1rpx solid #D7DDDC;height: 112rpx;padding: 0 32rpx;">
				<image src="@/static/images/knowledge/mesboard/light.png"
					style="width: 27rpx;height: 36rpx;margin-right: 16rpx;" mode=""></image>
				<view class="" style="font-weight: 800;font-size: 36rpx;color: #00977C;">
					药队长温馨提示您
				</view>
			</view>
			<view class="process borderbox">
				<view class="processbox borderbox pos-rel" style="">
					<view class="pos-abs circular">
						1
					</view>
					请准确填写您的联系方式，并保持电话或联系方式畅通，以便药队长医学顾问能联系到您。
				</view>
				<view class="processbox borderbox pos-rel" style="">
					<view class="pos-abs circular">
						2
					</view>
					咨询人数较多，药队长医学顾问回复不及时，请您谅解。如果急需解决，可拨打免费电话：<a style="color: #00D9B2;" href="tel:400-001-2811">400-001-2811</a>；或者点击免费咨询，立刻咨询
				</view>
				<view class="processbox borderbox pos-rel" style="padding-bottom: 0;">
					<view class="pos-abs circular">
						3
					</view>
					药队长承诺，严格保护您的个人信息。
				</view>
			</view>
		</view>
		<view class="aboutydz">
			<view class="title " style="">
				<span
					style="font-weight: 800;font-size: 40rpx;color: #303B39;z-index: 99;position: relative;">关于药队长</span>
				<view class="pos-abs titleline">
				</view>
			</view>
			<view class="text">
				药队长自成立以来一直以科学为基石，坚守“生命至上，健康第一”的核心理念，高效整合全球尖端医疗资源，为中国患者打通全球医疗资源的渠道，实现跨境医疗的无缝对接。凭借专业卓越且充满人文关怀的服务，践行对生命的崇高敬畏和对健康的不懈追求，为提升国民健康福祉持续贡献力量。
			</view>
			<image style="width: 100%; " src="@/static/images/knowledge/mesboard/aboutimg.png" mode=""></image>
			<view class="text">
				药队长专注于为患者提供全方位、一站式的跨境医疗服务，包括但不限于海外医院和专家的推荐、预约挂号、病历翻译、医学解读、海外陪同以及后续康复指导等。通过与美国、欧洲、日本等国家和地区的顶级医疗机构建立深度合作关系，我们为患者搭建了一个通往全球优质医疗资源的桥梁。选择药队长，您将拥有与世界顶级医学专家面对面交流的机会，享受到全球最顶尖的医疗服务。
			</view>
		</view>

		<FixedFoot :typeid="2"></FixedFoot>
	</view>
</template>

<script>
	import FixedFoot from '../../layouts/fixedfoot.vue';
	import TopSearch from '../../layouts/topsearch.vue';
	import lyb from '../../components/generalcom/lyb.vue';
	export default {
		components: {
			FixedFoot,
			TopSearch,
			lyb,
		},
		onLoad() {

		},
		data() {
			return {
				name: '',
				phone: '',
				question: '',
			}
		},
		methods: {
			
		},
		created() {},
	}
</script>

<style lang="scss" scoped>
	::v-deep .is-input-border {
		height: 90rpx;
		border-radius: 16rpx;
		border: 1rpx solid #D7DDDC;
	}

	::v-deep .uni-input-wrapper {
		font-size: 32rpx;
	}

	::v-deep .uni-easyinput__content-input {
		padding: 0 33rpx;
	}

	::v-deep .u-input__textarea {
		font-size: 32rpx;
		padding: 21rpx 0;
	}

	.pagebody {
		padding-bottom: 136rpx;
		.topbox {
			height: 491rpx;
			background: #EDFCF9;
			padding: 36rpx 24rpx;

			.contentbox {
				margin-top: 37rpx;
				margin-left: 32rpx;
				width: 615rpx;
				height: 220rpx;
				background: linear-gradient(90deg, rgba(0, 217, 178, 0.1) 0%, rgba(0, 217, 178, 0) 100%);
				border-radius: 30rpx;
			}
		}


		.remindbox {
			margin-top: 16rpx;
			box-sizing: border-box;
			background: #fff;
			border-radius: 32rpx;
			.process{
				padding: 29rpx 32rpx 80rpx 50rpx;
				.processbox{
					padding: 0 20rpx 48rpx 38rpx;
					border-left: 1rpx dashed #00D9B2;
					font-weight: 500;
					font-size: 32rpx;
					color: #303B39;
					line-height: 56rpx;
					.circular{
						position: absolute;
						left: -18rpx;
						top: 0;
						width: 36rpx;
						height: 36rpx;
						border-radius: 50%;
						background: #00D9B2;
						color: #fff;
						font-size: 28rpx;
						text-align: center;
						line-height: 36rpx;
					}
				}
			}
		}
		.aboutydz{
			margin-top: 16rpx;
			box-sizing: border-box;
			background: #fff;
			border-radius: 32rpx;
			overflow: hidden;
			padding: 40rpx 24rpx 0;
			
			.title {
				position: relative;
				width: max-content;
				padding: 0 16rpx;
			
				.titleline {
					bottom: 0;
					left: 0;
					height: 16rpx;
					width: 100%;
					background: #00D9B2;
					border-radius: 50rpx;
					z-index: 1;
				}
			}
			.text{
				margin: 24rpx 0;
				font-weight: 500;
				font-size: 36rpx;
				color: #303B39;
				line-height: 64rpx;
				text-align: justified;
			}
		}
	}
</style>